﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>LightBox</title>
    @*<script src="/Scripts/jquery-1.5.1.js" type="text/javascript" language="javascript"></script>*@
    <script src="/Scripts/jquery-1.7.2.min.js" language="javascript" type="text/javascript"></script>
    <link rel="stylesheet" href="/Content/screen.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="/Content/lightbox.css" type="text/css" media="screen" />

    @*<script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script src="js/jquery.smooth-scroll.min.js"></script>
    <script src="js/lightbox.js"></script>
    <script src="/Scripts/jquery-ui-1.8.18.custom.min.js" language="javascript" type="text/javascript"></script>*@
    <script src="/Scripts/jquery-ui-1.8.11.min.js" language="javascript" type="text/javascript"></script>
    <script src="/Scripts/jquery.smooth-scroll.min.js" language="javascript" type="text/javascript"></script>
    <script src="/Scripts/lightbox.js" language="javascript" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        var RequestType = {
            Post: 'POST',
            Get: 'GET'
        };
        function TestCallbackMethod() {
            SendAjax('name=Tutul', '@Url.Action("AjaxTest", "Home")', true, Success_Callback);
        }
        function SendAjax(data, url, isPost, successCallback) {
            $.ajax({
                type: isPost ? 'POST' : 'GET',
                url: url,                
                data: data,
                success: function (result) {
                    successCallback(result);
                },
                statusCode: {
                    404: function () {
                        alert('ERROR: Unable to complete the AJAX Request.\nRequested URL: ' + url + ' was not found.\nPlease contact with site administrator.');
                    }
//                    ,
//                    403: function () {
//                      alert('You need to login to perform this operation.');  
//                    }
                }
            });            
        }
        function Success_Callback(response) {
            alert(response + ' HabiJabi');
        }  
    </script>

</head>
<body>
    <div>
        <button type="button" onclick="TestCallbackMethod();">Call Back Method</button>
        <div class="imageRow">
  	        <div class="set">
  	            <div class="single first">
  		            <a href="/ProductImages/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="/ProductImages/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" /></a>
  		        </div>
                <div class="single">
  	                <a href="/ProductImages/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ><img src="/ProductImages/thumb-4.jpg" alt="Plants: image 2 0f 4 thumb" /></a>
                </div>
                <div class="single">
  	                <a href="/ProductImages/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."><img src="/ProductImages/thumb-5.jpg" alt="Plants: image 3 0f 4 thumb" /></a>
                </div>
                <div class="single last">
  	                <a href="/ProductImages/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"><img src="/ProductImages/thumb-6.jpg" alt="Plants: image 4 0f 4 thumb" /></a>
                </div>
  	        </div>
        </div>
    </div>
</body>
</html>
